<template>
    <el-container style="width:1100px">
        <el-header>
            <el-card shadow="always">
                <div style="font-size:16px">
                    待收款
                    <el-icon>
                        <InfoFilled />
                    </el-icon>
                </div>
            </el-card>
        </el-header>
        <el-main>
            <el-card shadow="always" style="height:600px">
                <div class="daishoukuan">
                    <el-form inline>
                        <el-form-item>
                            <el-input style="width:300px" v-model="input" size="large" :prefix-icon="Search" />
                        </el-form-item>
                        <el-form-item>
                            <el-button size="large">搜索</el-button>
                        </el-form-item>
                    </el-form>
                    <div style="margin-top:10px;font-size:14px">累计待收款：￥4329034.824</div>
                </div>
                <el-table>
                    <el-table-column label="项目" align="center" width="400px"></el-table-column>
                    <el-table-column label="金额" align="center"></el-table-column>
                    <el-table-column label="操作" align="center"></el-table-column>
                </el-table>
            </el-card>

        </el-main>

    </el-container>
</template>

<script setup lang="ts">
import { InfoFilled, Search } from "@element-plus/icons-vue"
import { ref } from "vue";

const input = ref('')
</script>

<style scoped>
.daishoukuan {
    display: flex;
    justify-content: space-between;
}
</style>
